<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<select id="sel">
			<option value="jz">橘子</option>
			
		</select>
		<input type="button" value="增加" onclick="add();"/>
		<input type="button" value="删除" onclick="del();"/>
		<input type="button" value="修改" onclick="edt();"/>
	</body>
	<script>
		var sel=document.getElementById("sel");
		
		function add(){
			//sel.add(new Option("文本","值")); //这个只能在IE中有效 
          sel.options.add(new Option("苹果","pg")); //这个兼容IE与firefox 
          
		}
		function del(){
			if(sel[1].value=="pg"){
				sel.options.remove(1);
			}else{
				document.write("你输入的水果不存在");
			}
		}
		function edt(){
			sel.options[0].innerHTML="西红柿";
		}
		
	</script>
	
</html>
